<template>
  <div>
    <commonUEditor :formItem="compConfig" ref="Cditor" :formNamePath="props.formNamePath"></commonUEditor>
  </div>
</template>

<script lang="ts" setup>
import { ref, nextTick, computed, onMounted } from "vue";
import commonUEditor from "../../formitem/commonUEditor/index.vue";
import formItemForm from "./config";
import { useModelStore } from "@/store/modules/model/column";
import { useColumnModel } from '@/components/draggable/hooks/useColumnModel';
// import { nextTick } from "process";
const useModel = useModelStore();
const props = defineProps({
  element: [],
  formNamePath:[],

})
const compConfig = ref(JSON.parse(JSON.stringify(formItemForm.component.settings)));

useColumnModel(compConfig, computed(() => props.element));
const formItem = ref(formItemForm as any);
const Cditor = ref();
onMounted(() => {

})
defineExpose({ Cditor })
</script>
<style lang="less" scoped></style>
